<template>
    <fieldset>
        <legend>其他组件</legend>
        <h3>{{msg}}</h3>
        <Modal :visible='isShow' @ok="handleOk" @cancel="handleCancel"/>
        <button @click="handleClick(),add(),showModal()">点击2</button>
    </fieldset>
</template>

<script>
    // 混入的合并策略
    // 1. data methods这些同名的属性会进行合并，如果data或者methods中的属性冲突了，以组件为主
    // 2. 同名的钩子函数会合并成一个数组，先执行混入对象的钩子函数，再执行组件的钩子函数

    // 缺点：可维护性低
    import other from '@/mixins/other'
    import modalMix from "@/mixins/modal"
    export default {
        mixins: [other,modalMix], // 混入
        data(){
            return{
                msg:'组件的msg'
            }
        },
        mounted() {
            console.log('组件的mounted');
        },
        methods:{
            handleClick(){
                console.log('组件的点击处理函数');
            }   
        }
    }
</script>